/*----- reset -----*/
html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,a,address,em,img,strong,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,thead,tbody,tfoot,tr,th,td
	{
	border: 0;
	font-family: inherit;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
}

:focus {
	outline: 0;
}

img {
	vertical-align: top;
}

ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
/*----- common -----*/
body {
	background-color: #fff;
	color: #000;
	font: normal normal 100% Tahoma, Helvetica, sans-serif;
	line-height: 1.5em
}

input,select,textarea {
	color: #000;
	font: normal normal 1em Tahoma, Helvetica, sans-serif;
}

a:link,a:visited {
	color: #000;
	text-decoration: none
}

a:hover {
	color: #007fcc
}

.clear {
	clear: both
}

body {
	font-size: .75em;
}
/* font face */
@font-face {
	font-family: 'utm_nokia_standardregular';
	src: url('font/utm_nokia_standard.eot');
	src: url('font/utm_nokia_standard.eot?#iefix')
		format('embedded-opentype'), url('font/utm_nokia_standard.woff')
		format('woff'), url('font/utm_nokia_standard.ttf') format('truetype'),
		url('font/utm_nokia_standard.svg#utm_nokia_standardregular')
		format('svg');
	font-weight: normal;
	font-style: normal;
}
/* padding, margin control*/
.pb0 {
	padding-bottom: 0px !important;
}

.pb5 {
	padding-bottom: 5px !important;
}

.pb10 {
	padding-bottom: 10px !important;
}

.pb15 {
	padding-bottom: 15px !important;
}

.pb20 {
	padding-bottom: 20px !important;
}

.pb30 {
	padding-bottom: 30px !important;
}

.pt0 {
	padding-top: 0px !important;
}

.pt5 {
	padding-top: 5px !important;
}

.pt10 {
	padding-top: 5px !important;
	height: auto;
}

.pt15 {
	padding-top: 15px !important;
}

.pt20 {
	padding-top: 20px !important;
}

.pt30 {
	padding-top: 30px !important;
}

.pr0 {
	padding-right: 0px !important;
}

.pr5 {
	padding-right: 5px !important;
}

.pr8 {
	padding-right: 8px !important;
}

.pr10 {
	padding-right: 10px !important;
}

.pr15 {
	padding-right: 15px !important;
}

.pr20 {
	padding-right: 20px !important;
}

.pr25 {
	padding-right: 25px !important;
}

.pr30 {
	padding-right: 30px !important;
}

.pr70 {
	padding-right: 70px !important;
}

.pl0 {
	padding-left: 0px !important;
}

.pl5 {
	padding-left: 5px !important;
}

.pl10 {
	padding-left: 10px !important;
}

.pl15 {
	padding-left: 15px !important;
}

.pl20 {
	padding-left: 20px !important;
}

.pl25 {
	padding-left: 25px !important;
}

.pl30 {
	padding-left: 30px !important;
}

.pl35 {
	padding-left: 35px !important;
}

.pl40 {
	padding-left: 40px !important;
}

.pl45 {
	padding-left: 45px !important;
}

.pl50 {
	padding-left: 50px !important;
}

.pl60 {
	padding-left: 60px !important;
}

.pl70 {
	padding-left: 70px !important;
}

.mt0 {
	margin-top: 0px !important;
}

.mt5 {
	margin-top: 5px !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mt15 {
	margin-top: 15px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.mt30 {
	margin-top: 30px !important;
}

.mt40 {
	margin-top: 40px !important;
}

.mt50 {
	margin-top: 50px !important;
}

.mt55 {
	margin-top: 55px !important;
}

.ml0 {
	margin-left: 0px !important;
}

.ml5 {
	margin-left: 5px !important;
}

.ml10 {
	margin-left: 10px !important;
}

.ml15 {
	margin-left: 15px !important;
}

.ml20 {
	margin-left: 20px !important;
}

.ml30 {
	margin-left: 30px !important;
}

.ml40 {
	margin-left: 40px !important;
}

.ml50 {
	margin-left: 50px !important;
}

.mr0 {
	margin-right: 0px !important;
}

.mr5 {
	margin-right: 5px !important;
}

.mr10 {
	margin-right: 10px !important;
}

.mr15 {
	margin-right: 15px !important;
}

.mr20 {
	margin-right: 20px !important;
}

.mr30 {
	margin-right: 30px !important;
}

.mb0 {
	margin-bottom: 0px !important;
}

.mb5 {
	margin-bottom: 5px !important;
}

.mb10 {
	margin-bottom: 10px !important;
}

.mb15 {
	margin-bottom: 15px !important;
}

.mb20 {
	margin-bottom: 20px !important;
}

.mb30 {
	margin-bottom: 30px !important;
}

.mb40 {
	margin-bottom: 40px !important;
}

.mb50 {
	margin-bottom: 50px !important;
}
/* border */
.bdb {
	border-bottom: 1px solid #d3d3d3
}

.bdt {
	border-top: 1px solid #d3d3d3
}
/* float */
.floatr {
	float: right !important
}

.floatl {
	float: left !important
}
/*icon*/
.icon {
	background:
		url(/AnGiang-557-portlet/html/giamsatmoitruong/images/bg-sprite.png)
		no-repeat -124px 0;
	height: 23px;
	width: 23px
}
/* icon chieu sang */
.icon-01 { /* background-position:-124px 0; */ top; 6px;
	
}

.icon-02 {
	background-position: -145px 0;
	top:6px;
}

.icon-03 {
	background:url("/AnGiang-557-portlet/html/giamsatmoitruong/asset/img/trambienap.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
	top:7px;
}

.icon-04 {
	/* background-position: -187px 0; */
	background:url("/AnGiang-557-portlet/html/giamsatmoitruong/asset/img/cong.png");
	top:7px;
}

.icon-daydan{
	background:url("/AnGiang-557-portlet/html/giamsatmoitruong/asset/img/daydan.png");
	top:7px;
}

.icon-05 {
	background-position: -208px 0;
	top:6px;
}

.icon-06 {
	background-position: -229px 0;
	top:6px;
}

.icon-07 {
	background-position: -250px 0;
	/* top; 6px; */
}

.icon-08 {
	background-position: -271px 0;
	top:6px;
}

.icon-09 {
	background-position: -292px 0;
	top:6px;
}

.icon-10 {
	background-position: -313px 0;
	top:6px;
}

.icon-11 {
	background-position: -334px 0;
	top:6px;
}

/* icon chieu sang hover */
.icon-01:hover {
	background-position: -120px -74px;
	top:6px;
}

.icon-02:hover {
	background-position: -142px -74px;
	top:6px;
}

.icon-03:hover {
	/* background-position: -164px -74px; */
	top:7px;
}

.icon-04:hover {
	/* background-position: -186px -74px; */
	top:7px;
}

.icon-05:hover {
	background-position: -208px -74px;
	top:6px;
}

.icon-06:hover {
	background-position: -230px -74px;
	top:6px;
}

.icon-07:hover {
	background-position: -252px -74px;
	/* top; 6px; */
}

.icon-08:hover {
	background-position: -274px -74px;
	top:6px;
}

.icon-09:hover {
	background-position: -296px -74px;
	top:6px;
}

.icon-10:hover {
	background-position: -318px -74px;
	top:6px;
}

.icon-11:hover {
	background-position: -120px -97px;
	top:6px;
}

/* icon chieu sang active */
.icon-01.active {
	background-position: -142px -97px;
	top:6px;
}

.icon-02.active {
	background-position: -164px -97px;
	top:6px;
}

.icon-03.active {
	/* background-position: -186px -97px; */
	top:7px;
}

.icon-04.active {
	/* background-position: -208px -97px; */
	top:7px;
}

.icon-05.active {
	background-position: -230px -97px;
	top:6px;
}

.icon-06.active {
	background-position: -252px -97px;
	top:6px;
}

.icon-07.active {
	background-position: -274px -97px;
	/* top; 6px; */
}

.icon-08.active {
	background-position: -296px -97px;
	top:6px;
}

.icon-09.active {
	background-position: -318px -97px;
	top:6px;
}

.icon-10.active {
	background-position: -120px -120px;
	top:6px;
}

.icon-11.active {
	background-position: -142px -120px;
	top:6px;
}
/* icon thoat nuoc*/
.icontn-01 {
	/* background-position: -201px -23px; */
	background:url("/AnGiang-557-portlet/html/giamsatmoitruong/asset/img/hoga.png");
	top:7px;
}

.icontn-02 {
	/* background-position: -224px -23px; */
	background:url("/AnGiang-557-portlet/html/giamsatmoitruong/asset/img/cautrucchuyendong.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
	top:7px;
}

.icontn-03 {
	/* background-position: -247px -23px; */
	background:url("/AnGiang-557-portlet/html/giamsatmoitruong/asset/img/trambom.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
	top:7px;
}

.icontn-04 {
	/* background-position: -270px -23px; */
	background:url("/AnGiang-557-portlet/html/giamsatmoitruong/asset/img/nhamayxuly.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
	top:7px;
}

.icontn-05 {
	/* background-position: -293px -23px; */
	background:url("/AnGiang-557-portlet/html/giamsatmoitruong/asset/img/cuaxa1.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
	top:7px;
}

.icontn-06 {
	background:url("/AnGiang-557-portlet/html/giamsatmoitruong/asset/img/kenhmuong.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
	top:7px;
}

.icontn-07 {
	background-position: -120px -51px;
	top:6px;
}

.icontn-08 {
	/* background-position: -143px -51px; */
	background:url("/AnGiang-557-portlet/html/giamsatmoitruong/asset/img/gieng1.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
	top:7px;
}

.icontn-09 {
	background-position: -166px -51px;
	top:6px;
}

.icontn-10 {
	/* background-position: -189px -51px; */
	background:url("/AnGiang-557-portlet/html/giamsatmoitruong/asset/img/luuvuc.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
	top:7px;
}

.icontn-11 {
	background-position: -212px -51px;
	top:6px;
}

.icontn-12 {
	/* background-position: -235px -51px; */
	background:url("/AnGiang-557-portlet/html/giamsatmoitruong/asset/img/hodieuhoa.png");
	top:7px;
}

.icontn-13 {
	background-position: -258px -51px;
	top:6px;
}

.icontn-14 {
	background-position: -281px -51px;
	top:6px;
}

.icontn-15 {
	background:url("/AnGiang-557-portlet/html/giamsatmoitruong/asset/img/suco.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
	top:7px;
}
/* icon thoat nuoc hover*/
.icontn-01:hover {
	/* background-position: -164px -120px; */
	top:7px;
}

.icontn-02:hover {
	/* background-position: -186px -120px; */
	top:7px;
}

.icontn-03:hover {
	/* background-position: -208px -120px; */
	top:7px;
}

.icontn-04:hover {
	/* background-position: -230px -120px; */
	top:7px;
}

.icontn-05:hover {
	/* background-position: -252px -120px; */
	top:7px;
}

.icontn-06:hover {
	/* background-position: -274px -120px; */
	top:7px;
}

.icontn-07:hover {
	background-position: -296px -120px;
	top:6px;
}

.icontn-08:hover {
	/* background-position: -318px -120px; */
	top:7px;
}

.icontn-09:hover {
	background-position: 0 -143px;
	top:6px;
}

.icontn-10:hover {
	/* background-position: -22px -143px; */
	top:7px;
}

.icontn-11:hover {
	background-position: -44px -143px;
	top:6px;
}

.icontn-12:hover {
	/* background-position: -66px -143px; */
	top:7px;
}

.icontn-13:hover {
	background-position: -88px -143px;
	top:6px;
}

.icontn-14:hover {
	background-position: -110px -143px;
	top:6px;
}

.icontn-15:hover {
	/* background-position: -132px -143px; */
	top:7px;
}
/* icon thoat nuoc acitve */
.icontn-01.active {
	/* background-position: -154px -143px; */
	top:7px;
}

.icontn-02.active {
	/* background-position: -176px -143px; */
	top:7px;
}

.icontn-03.active {
	/* background-position: -198px -143px; */
	top:7px;
}

.icontn-04.active {
	/* background-position: -220px -143px; */
	top:7px;
}

.icontn-05.active {
	/* background-position: -242px -143px; */
	top:7px;
}

.icontn-06.active {
	/* background-position: -264px -143px; */
	top:7px;
}

.icontn-07.active {
	background-position: -286px -143px;
	top:6px;
}

.icontn-08.active {
	/* background-position: -308px -143px; */
	top:7px;
}

.icontn-09.active {
	background-position: -330px -143px;
	top:6px;
}

.icontn-10.active {
	/* background-position: 0 -168px; */
	top:7px;
}

.icontn-11.active {
	background-position: -22px -168px;
	top:6px;
}

.icontn-12.active {
	/* background-position: -44px -168px; */
	top:7px;
}

.icontn-13.active {
	background-position: -66px -168px;
	top:6px;
}

.icontn-14.active {
	background-position: -88px -168px;
	top:6px;
}

.icontn-15.active {
	/* background-position: -110px -168px; */
	top:7px;
}

.icon-note {
	background: url(/AnGiang-557-portlet/css/images/bg-sprite.png) no-repeat
		-9px -48px;
	height: 16px;
	width: 16px
}

.title-1 .icon-note,.title-1 .icon-informed {
	float: left;
	margin-right: 5px;
	margin-top: 1px
}

.icon-informed {
	background: url(/AnGiang-557-portlet/css/images/bg-sprite.png) no-repeat
		-27px -48px;
	height: 15px;
	width: 12px
}

.icon-hd-st {
	background: url(/AnGiang-557-portlet/css/images/bg-sprite.png) no-repeat
		-41px 0;
	height: 20px;
	width: 20px
}

.icon-hd-pin {
	background-position: -41px 0
}

.icon-hd-tags {
	background-position: -62px 0
}

.icon-hd-setting {
	background-position: -83px 0
}

.icon-hd-infor {
	background-position: -104px 0
}

.header-setting .icon-hd-st {
	float: left;
	margin-right: 5px;
	margin-top: 5px;
	overflow: hidden;
	text-indent: -1983px
}

.come-back-page {
	background: url(/AnGiang-557-portlet/html/giamsatmoitruong/images/arrow-1.png)
		no-repeat 0 5px;
	color: #4b5d71;
	display: block;
	font-size: 11px;
	padding-left: 10px;
	margin-left: 10px;
	padding-bottom: 10px
}

.come-back-page:hover {
	color: #ef5a00
}

a.bt-export {
	background:
		url(/AnGiang-557-portlet/html/giamsatmoitruong/images/bg-bt-export-file.jpg)
		no-repeat;
	border: 1px solid #d9dada;
	color: #343434;
	font-size: 11px;
	padding: 0 11px 0 28px;
	height: 21px;
	line-height: 22px;
	font-weight: bold;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

a.bt-export:hover {
	color: #006CC1
}

a.bt-close {
	background:
		url(/AnGiang-557-portlet/html/giamsatmoitruong/images/bt-close.png)
		no-repeat;
	border: 1px solid #d9dada;
	color: #343434;
	font-size: 11px;
	padding: 0 11px 0 28px;
	height: 21px;
	line-height: 22px;
	font-weight: bold;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.icon-w16 {
	background: url(/AnGiang-557-portlet/css/images/bg-sprite.png) no-repeat
		-48px -37px;
	display: block;
	height: 16px;
	overflow: hidden;
	text-indent: -1983px;
	width: 16px
}

.icon-search {
	background-position: -48px -37px;
}

.icon-delete
{
	background:url(/AnGiang-557-portlet/html/giamsatmoitruong/images/delete.png) no-repeat;
}

.icon-edit {
	background-position: -42px -53px;
	height: 17px
}

.icon-ebook-dl {
	background-position: -64px -39px;
	width: 19px
}

.bt-import-excel {
	background-color: #3d5476;
	border: 1px solid #31486a;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	padding: 5px 15px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.bt-import-excel:hover {
	background-color: #162a48
}

.icon-note-chart {
	background-image: none;
	float: left;
	height: 12px;
	margin-right: 10px;
	margin-top: 3px;
	width: 12px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.red-cl {
	background-color: #c60001
}

.yellow-cl {
	background-color: #fbcb00
}

.green-cl {
	background-color: #1b9f0b
}
/*title*/
.tt-1 {
	font-size: 1em;
	padding-bottom: 20px;
	text-transform: uppercase
}

.title-1 {
	background:
		url(/AnGiang-557-portlet/html/giamsatmoitruong/images/bg-accordion-title.png)
		0 0 repeat-x #e8e8e8;
	color: #132e49;
	font-size: 1em;
	padding: 6px 0 6px 10px;
	margin: 0px;
	border-bottom: 1px solid #dbdbdb;
	border-top: 1px solid #dbdbdb;
}

h4.tt-l1 {
	color: #30445d;
	font-size: 11px;
	padding-left: 8px
}

span.tt-l1 {
	color: #30445d;
	font-size: 11px;
	padding-left: 8px
}
/* layout */
.bg-content-graycl {
	background-color: #f7f7f7
}

.bg-content-whitecl {
	background-color: #fff
}
/* header */
.header-top {
	background:
		url(/AnGiang-557-portlet/html/giamsatmoitruong/images/bg-header.png)
		no-repeat center top;
	height: 58px
}

.header-top h1 {
	float: left;
	padding: 6px 0 8px 20px
}

.logoNew {
	background: url(/AnGiang-557-portlet/css/images/bg-logo2.png) no-repeat
		0 center;
	color: #112f4b;
	float: left;
	font-size: 1.125em;
	font-family: 'utm_nokia_standardregular';
	height: 105px;
	text-transform: capitalize;
	position: relative;
	top: 10px;
	left: 10px
}

.account-login {
	float: right;
	padding-top: 14px
}

.header-search-form {
	float: left;
	margin-right: 5px
}

.header-setting,.header-setting li {
	float: left
}
/*notification*/
.notification {
	background-color: #d00217;
	color: #fff;
	float: left;
	font-size: 1.125em;
	font-weight: bold;
	margin-right: 4px;
	padding: 3px 9px 5px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.user-account {
	float: left;
	padding-right: 20px;
	position: relative
}

.user-account .avatar {
	color: #075d9a;
	float: left;
	font-size: 1em;
	font-weight: bold;
	margin-right: 9px
}

.user-account .avatar:hover {
	color: #ef5a00
}

.user-account .avatar img {
	float: left;
	margin-right: 10px
}

.user-account .user-name {
	float: left;
	margin-top: 3px
}

.user-account .toggle-bt {
	margin-top: 10px;
	cursor: pointer
}

.toggle-login-ac {
	background-color: #075d9a;
	border: 1px solid #054f83;
	display: none;
	position: absolute;
	right: 15px;
	top: 25px;
	z-index: 5
}

.toggle-login-ac li {
	width: 120px
}

.toggle-login-ac a {
	color: #fff;
	float: left;
	font-size: 1em;
	font-weight: bold;
	padding: 5px 5px 7px 30px;
	width: 86px
}

.toggle-login-ac a.account {
	background:
		url(/AnGiang-557-portlet/html/giamsatmoitruong/images/user-image.png)
		no-repeat 4px 2px
}

.toggle-login-ac a.logout {
	background:
		url(/AnGiang-557-portlet/html/giamsatmoitruong/images/logout-img.png)
		no-repeat 4px 2px
}

.toggle-login-ac a:hover {
	background-color: #0376c8
}

.header-content {
	background-color: #2f435b;
	height: 30px;
	color: #fff
}
/* nav */
#nav {
	float: left;
}

#nav ul.dropdownMenu {
	float: left
}

#nav ul.dropdownMenu li {
	float: left
}

#nav ul.dropdownMenu li a {
	color: #fff;
	border-left: 1px solid #44596e;
	border-right: 1px solid #283d52;
	float: left;
	font-size: 11px;
	font-weight: bold;
	padding: 7px 15px 6px
}

#nav ul.dropdownMenu li a:hover,#nav ul.dropdownMenu li a.current {
	background-color: #ef5a00;
	border-left-color: #ef5a00;
	border-right-color: #ef5a00
}

#nav .toggle-nav-bt {
	background:
		url(/AnGiang-557-portlet/html/giamsatmoitruong/images/bg-sprite.png)
		no-repeat 0 -10px;
	border-left: 1px solid #45576d;
	border-right: 1px solid #3f5469;
	float: left;
	height: 30px;
	overflow: hidden;
	text-indent: -1983px;
	width: 8px
}

#nav .toggle-nav-close-bt {
	background-position: 0 -40px
}
/* search form head */
.header-right-content {
	float: right;
}

.search-form-top .input {
	padding-top: 3px
}

.search-form-top input.text-box {
	border: 0 none #fff;
	color: #828282;
	font-size: 11px;
	-moz-border-radius: 2px 0 0 2px;
	-webkit-border-radius: 2px 0 0 2px;
	border-radius: 2px 0 0 2px;
	padding: 4px 6px 5px;
	width: 270px
}

.search-form-top input.submit {
	background:
		url(/AnGiang-557-portlet/html/giamsatmoitruong/images/icon-search.png)
		no-repeat 7px 5px #ef5a00;
	color: #fff;
	cursor: pointer;
	font-size: 11px;
	border: 0 none #ef5904;
	-moz-border-radius: 0 2px 2px 0;
	-webkit-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0;
	margin: 0;
	padding: 3px 8px 4px 23px;
	text-shadow: none !important
}

.search-form-top input.submit:hover {
	background-color: #e25603
}

/*----------- resize layout----------------*/
.shasdow-line {
	background:
		url(/AnGiang-557-portlet/html/giamsatmoitruong/images/bg-shasdow-line.png)
		repeat-y 0 0;
	height: 100%;
	width: 6px;
	position: absolute;
	left: 0;
	top: 30px;
	z-index: 12
}

.hasleft-layout {
	position: relative;
	height: 100%
}

.center {
	border-left: 1px solid #c2c2c2;
	height: 100%;
	position: relative;
	vertical-align: top;
	overflow: hidden
}

.west {
	background:
		url(/AnGiang-557-portlet/html/giamsatmoitruong/images/bg-accordion.png)
		repeat 0 0;
	border-right: 1px solid #dfdfdf;
	display: inline-block;
	height: 100%;
	min-width: 320px;
	width: 325px;
	float: left
}

.south {
	border-top: 1px solid #dfdfdf;
	height: 15%;
	display: none;
	bottom: 100px;
	position: absolute;
	left: 0;
	min-height: 110px;
	padding-top: 4px;
	z-index: 1000
}

.center .main-content {
	overflow-x: hidden;
	position: relative;
	overflow-y: auto
}
/* layout .end */
.nbdl {
	border-left: 0 none !important
}

.nbdr {
	border-right: 0 none !important
}

.toggle-bt {
	background:
		url(/AnGiang-557-portlet/html/giamsatmoitruong/images/bg-sprite.png)
		no-repeat 0 0;
	display: block;
	float: left;
	height: 4px;
	overflow: hidden;
	width: 7px;
}

.toggle-close-bt {
	background-position: 0 -5px
}

.toggle-west-close {
	background:
		url(/AnGiang-557-portlet/html/giamsatmoitruong/images/bg-sprite.png)
		no-repeat -9px 0;
	cursor: pointer;
	display: block;
	height: 27px;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-indent: -1983px;
	top: 34px;
	width: 15px;
	z-index: 1005
}

.toggle-west-open {
	background-position: -25px 0px
}

/* accordion */
.accordion {
	width: 300px;
	overflow: hidden;
	position: relative;
	text-align: left;
	height: 100%
}

.accordion h3.title-accordion {
	background:
		url(/AnGiang-557-portlet/css/images/bg_menu.png)
		0 0 repeat-x #e8e8e8;
	color: #0285BC;
	font-size: 11px;
	padding: 6px 25px 6px 10px;
	margin: 0px;
	position: relative;
	cursor: pointer;
	border: 1px solid #dbdbdb;
	font-family: inherit;
	position: relative;
}

.accordion  h3.title-accordion span.arrow {
	background:
		url(/AnGiang-557-portlet/html/giamsatmoitruong/images/bg-sprite.png) -27px
		-28px no-repeat;
	display: block;
	position: absolute;
	left:90%;
	z-index: 10;
	top: 4px;
	width: 20px;
	height: 20px
	
}

.accordion  h3.title-accordion span.arrow:hover {
	background:
		url(/AnGiang-557-portlet/html/giamsatmoitruong/images/bg-sprite.png) -9px
		-28px no-repeat
}

.accordion  h3.title-accordion span.active-arrow,.accordion  h3.title-accordion.ui-state-active span.arrow
	{
	background:
		url(/AnGiang-557-portlet/html/giamsatmoitruong/images/bg-sprite.png) -8px
		-28px no-repeat;
	left:90%;
	height: 20px;	
}

.accordion div.para {
	margin: 0;
	padding: 5px 0;
	position: relative;
	height: auto
}

.accordion div.para-none-scroll {
	overflow-y: hidden !important
}

.accordion div.para-none-scroll .hpcs {
	overflow-y: auto;
	position: relative
}

.accordion div.para-none-scroll .hpcsn2 {
	overflow-y: auto;
	position: relative
}
/* height para content scroll limit 
.hpcs100{height:100px;overflow-y:auto}
.hpcs150{height:150px;overflow-y:auto}
.hpcs200{height:200px;overflow-y:auto}*/
/*--------- table------------*/
.table-content {
	padding-bottom: 10px
}

.table-report {
	padding: 0 10px 10px 13px
}

.table-content table {
	background-color: #fff;
	border-collapse: collapse;
	width: 100%
}

.table-content table th,.table-content table td {
	padding: 3px 7px;
	text-align: center;
	color: #2b2b2b;
	font-weight: normal;
	font-size: 11px;
	vertical-align: middle
}

.table-content table th {
	background-color: #f4f4f4;
	border: #cecece solid 1px;
}

.table-content table td.order {
	background-color: #f4f4f4;
}

.table-content table th.order,.table-content table td.order {
	border-left: 0 none;
}

.table-content table td {
	border: #cecece solid 1px;
}

.table-content table td.light_left {
	text-align: left;
}

.table-content table td.light_right {
	text-align: right;
}

.table-content table td img {
	cursor: pointer;
}

.table-content table td.bg-gray {
	background-color: #f4f4f4;
}

.table-content table td.no-bdr,.table-content table th.no-bdr {
	border-right: 0 none;
}

.table-content table td a {
	margin: 0 auto
}

.table-content table td.wd-1,.table-content table th.wd-1 {
	width: 2.6%
}

.table-content table td.wd-2,.table-content table th.wd-2 {
	width: 25.4%
}

.table-content table td.wd-3,.table-content table th.wd-3 {
	width: 18%
}

.table-content table td.wd-4,.table-content table th.wd-4 {
	width: 15.3%
}

.table-content table td.wd-5,.table-content table th.wd-5 {
	width: 14.8%
}

.table-content table td.wd-6,.table-content table th.wd-6 {
	width: 6.8%
}

.table-content table td.wd-7,.table-content table th.wd-7 {
	width: 7.2%;
}

.table-content table td.wd-8,.table-content table th.wd-8 {
	width: 30.5%
}

.table-content table td.wd-9,.table-content table th.wd-9 {
	width: 8.9%
}

.table-content table td.wd-10,.table-content table th.wd-10 {
	width: 25%
}

.table-content table td.wd-11,.table-content table th.wd-11 {
	width: 10%;
}

.table-content table td.wd-12,.table-content table th.wd-12 {
	width: 8.2%;
}

.table-content table td.wd-13,.table-content table th.wd-13 {
	width: 16.3%;
}

.table-content table td.wd-14,.table-content table th.wd-14 {
	width: 49%;
}

.table-content table td.wdr-1,.table-content table th.wdr-1 {
	width: 22.1%
}

.table-content table td.wdr-2,.table-content table th.wdr-2 {
	width: 20%;
}

.table-content table td.wdr-3,.table-content table th.wdr-3 {
	width: 20.3%
}

.table-content table td.wdr-4,.table-content table th.wdr-4 {
	width: 23.7%
}

.table-content table .bg-graycl {
	background-color: #F4F4F4
}

.table-content table tr {
	width: 100%
}

.table-content table .text-align-l {
	text-align: left
}

.table-content table .text-align-r {
	text-align: right
}

.table-content .add-new-row {
	overflow: hidden;
	padding: 5px 0 5px 10px
}

.table-content .add-new-row label,.table-content .add-new-row input {
	float: left;
	margin-right: 5px
}

.table-content .add-new-row label {
	margin-top: 4px
}

.table-content .add-new-row input.add-row-ipunt {
	border: 1px solid #d9d9d9;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 5px 8px 4px;
	width: 65px;
}

.table-content .add-new-row input.add-row-ipunt:focus {
	border-color: #0088DF
}

.table-content td.total-tb {
	background-color: #fff3de;
	font-weight: bold
}

.table-content table th {
	font-weight: bold;
	font-size: 12px !important;
}
/* drap */
.map-block {
	position: relative
}

.drag-handle {
	background:
		url(/AnGiang-557-portlet/html/giamsatmoitruong/images/bg-sprite.png)
		no-repeat -47px -21px;
	cursor: move;
	display: block;
	float: left;
	height: 13px;
	margin-top: 9px;
	overflow: hidden;
	text-indent: -1983px;
	width: 13px;
}

.drag-map-content {
	background:
		url(/AnGiang-557-portlet/html/giamsatmoitruong/images/bg-drap-content.png)
		repeat !important;
	float: left;
	overflow: hidden;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 0 4px;
	*padding-bottom: 7px
}

.drag-map-content input {
	background:
		url(/AnGiang-557-portlet/html/giamsatmoitruong/images/bg-icon-map.png) 0 0
		no-repeat transparent !important;
	border: 0 none;
	color: #fff;
	cursor: pointer;
	float: left;
	height: 22px;
	margin: 7px 4px 7px 3px;
	overflow: hidden;
	text-indent: -1983px;
	width: 22px
}

/*left-bt*/
.drag-map-content input.drag-hand {
	background-position: 0 0px !important
}

.drag-map-content input.drag-zoom-in {
	background-position: -22px 0 !important
}

.drag-map-content input.drag-zoom-out {
	background-position: -44px 0 !important
}

.drag-map-content input.drap-full {
	background-position: -66px 0 !important
}

.drag-map-content input.drap-view {
	background-position: -88px 0 !important
}

.drag-map-content input.drap-move-left {
	background-position: -110px 0 !important
}

.drag-map-content input.drap-move-right {
	background-position: -132px 0 !important
}

.drag-map-content input.drap-measure {
	background-position: -110px -44px !important
}

.drag-map-content input.drap-identify {
	background-position: 0 -88px !important
}

.drag-map-content input.drag-hand:hover,.drag-map-content input.drag-hand.active
	{
	background-position: 0 -22px !important
}

.drag-map-content input.drag-zoom-in:hover,.drag-map-content input.drag-zoom-in.active
	{
	background-position: -22px -22px !important
}

.drag-map-content input.drag-zoom-out:hover,.drag-map-content input.drag-zoom-out.active
	{
	background-position: -44px -22px !important
}

.drag-map-content input.drap-full:hover,.drag-map-content input.drap-full.active
	{
	background-position: -66px -22px !important
}

.drag-map-content input.drap-view:hover,.drag-map-content input.drap-view.active
	{
	background-position: -88px -22px !important
}

.drag-map-content input.drap-move-left:hover,.drag-map-content input.drap-move-left.active
	{
	background-position: -110px -22px !important
}

.drag-map-content input.drap-move-right:hover,.drag-map-content input.drap-move-right.active
	{
	background-position: -132px -22px !important
}

.drag-map-content input.drap-indentify:hover,.drag-map-content input.drap-indentify.active
	{
	background-position: 0 -110px !important
}

.drag-map-content input.drap-pull:hover,.drag-map-content input.drap-measure.active
	{
	background-position: -110px -66px !important
}
/* right*/
.drag-map-content input.drag-add {
	background-position: 0 -44px !important
}

.drag-map-content input.drag-paint {
	background-position: -22px -44px !important
}

.drag-map-content input.drag-print {
	background-position: -44px -44px !important
}

.drag-map-content input.drap-edit {
	background-position: -66px -44px !important
}

.drag-map-content input.drap-rule {
	background-position: -88px -44px !important
}

.drag-map-content input.drap-save {
	background-position: -132px -44px !important
}

.drag-map-content input.drag-add:hover,.drag-map-content input.drag-add.active
	{
	background-position: 0 -66px
}

.drag-map-content input.drag-paint:hover,.drag-map-content input.drag-paint.active
	{
	background-position: -22px -66px
}

.drag-map-content input.drag-print:hover,.drag-map-content input.drag-print.active
	{
	background-position: -44px -66px
}

.drag-map-content input.drap-edit:hover,.drag-map-content input.drap-edit.active
	{
	background-position: -66px -66px
}

.drag-map-content input.drap-rule:hover,.drag-map-content input.drap-rule.active
	{
	background-position: -88px -66px
}

.drag-map-content input.drap-save:hover,.drag-map-content input.drap-save.active
	{
	background-position: -132px -66px
}

.drag-map-content .bd-h {
	background: url(/AnGiang-557-portlet/css/images/bg-bd-h.jpg) repeat-y
		center;
	float: left;
	height: 22px;
	margin: 7px 4px 0 3px
}

/*devices-light*/
.top-list-action {
	background:
		url(/AnGiang-557-portlet/html/giamsatmoitruong/images/bg-accordion-title.png)
		0 0 repeat-x #e8e8e8;
	border: 1px solid #dbdbdb;
	padding: 3px 10px;
	height: 22px
}

.devices-light {
	overflow: hidden
}

.devices-light li {
	overflow: hidden;
	float: left;
	height: 25px;
}

.devices-light li {
	height: 25px;
}

.devices-light li .icon {
	float: left;
	cursor: pointer
}

.devices-light li .icon {
	margin-right: 4px
}

.remarks li {
	width: 125px;
	padding: 4px 10px 10px 8px
}
/*left footer content */
.extra-left {
	border-bottom: 1px solid #dadada
}

.extra-left-content .remarks {
	font-size: 11px;
	padding: 15px 0 15px 10px;
	height: 48px;
	overflow-y: auto
}

.exlc-informed {
	background-color: #fffbe8;
	border: 1px dashed #00a44e;
	color: #2a2829;
	font-size: 12px;
	margin: 10px 10px 0;
	padding: 5px;
	text-align: center;
}

#footer-left .brand {
	color: #686868;
	font-size: 11px;
	padding: 12px 12px 0
}

#footer-left .brand a {
	color: #4d586e;
	font-weight: bold
}

/* chart */
.chart-block {
	padding: 20px 100px 100px
}
/* map */
.map-block {
	overflow: hidden;
	position: relative
}

img.map-img {
	width: 100%;
}

div.map-img {
	width: 900px;
	height: 600px;
}

/* drap */
.drag-left-map,.drag-right-map {
	overflow: hidden;
	position: absolute;
	top: 15px;
	z-index: 1005;
}

.drag-left-map {
	left: 90px;
	z-index: 1005;
}

.drag-right-map {
	right: 15px;
	z-index: 1005;
}
/*table*/
.map-block-table .table-content {
	padding: 0;
	width: 100%;
	background-color: #fff
}

.map-block-table .table-content h3.title-table-data {
	color: #112f4b;
	font-size: 12px;
	position: relative;
	font-weight: bold;
	padding: 8px 30px;
	background: #e9e9e9
		url(/AnGiang-557-portlet/html/giamsatmoitruong/images/bg-title-table-data.png)
		repeat-x;
	border-top: 1px solid #d9dada
}

.map-block-table .table-content h3.title-table-data a.bt-export {
	position: absolute;
	top: 6px;
	right: 76px;
}

.map-block-table .table-content h3.title-table-data a.bt-close {
	position: absolute;
	top: 6px;
	right: 4px;
}

.map-block-table .table-content h3.title-table-data img {
	position: absolute;
	top: 9px;
	left: 9px
}

.map-block-table .table-content-data-infor-map {
	padding: 0;
	position: absolute;
	bottom: 13px;
	left: auto;
	right: 13px;
	width: 355px;
	background-color: #fff;
	font-size: 12px;
	display: none
}

.map-block-table .table-content-data-infor-map strong.color {
	color: #004f91
}
/*tabs nav*/
.tabs .item {
	padding-left: 12px;
	overflow: hidden;
	height: 30px;
	position: relative;
	z-index: 5
}

.tabs .item li {
	height: 30px;
	float: left;
	margin-right: 5px
}

.tabs .item li a {
	background-color: #fafafa;
	border: 1px solid #c2c2c2;
	color: #7e7e7e;
	font-size: 11px;
	float: left;
	font-weight: bold;
	height: 14px;
	padding: 7px 10px;
	-moz-border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	border-radius: 2px 2px 0 0;
}

.tabs .item li a:hover,.tabs .item li.current a {
	background-color: #fff;
	color: #30445d;
}

.tabs .item li.current a {
	border-bottom-color: #fff
}

.tabs .item li a:hover .bg-item,.tabs .item li.current a .bg-item {
	background-position: 0 -202px
}

.tabs .panel {
	padding-top: 5px;
	border-top: #c6c6c6 solid 1px;
	margin-top: -1px;
	position: relative;
	z-index: 2;
	width: auto;
}

.tabs2 .item li {
	height: 27px;
}
/*form*/
fieldset.form-mapleft-menu .input {
	border-bottom: 1px solid #d3d3d3;
	border-top: 1px solid #d3d3d3;
	overflow: hidden;
	padding: 10px 0 10px 30px;
	margin-top: 15px;
	color: #666
}

fieldset.form-mapleft-menu .input-add-name {
	padding-left: 10px;
	overflow: hidden;
}

fieldset.form-mapleft-menu .input label {
	color: #000;
	padding-right: 12px;
	text-transform: capitalize;
}

fieldset.form-mapleft-menu .input .request-nt {
	color: #e90000
}

fieldset.form-mapleft-menu .input-add-name label {
	color: #000;
	float: left;
	margin-top: 4px
}

fieldset.form-mapleft-menu .input input {
	border: 1px solid #d3d3d3;
	padding: 4px 5px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font-size: 11px;
	float: left;
	width: 155px
}

fieldset.form-mapleft-menu .input input:focus,fieldset.form-mapleft-menu .input textarea:focus
	{
	border-color: #0088DF
}

fieldset.form-mapleft-menu .submit {
	padding: 10px 0 10px 0;
	background-color: #f3f3f3;
	text-align: center;
}

fieldset.form-mapleft-menu .submit-lbl {
	padding: 0;
	/* background-color: #f3f3f3; */
	text-align: center;
}

fieldset.form-mapleft-menu .submit123 {
	padding: 0 10px 0 0;
	text-align: center;
}

fieldset.form-mapleft-menu .submit-stt {
	padding: 5px 0 5px 0;
	background-color: #fff;
}

fieldset.form-mapleft-menu .submit-stt input,fieldset.form-mapleft-menu .submit a
	{
	border: 1px solid #d9d9d9;
	color: #fff;
	font-weight: bold;
	padding: 4px 13px; /* text-transform:capitalize */;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	cursor: pointer;
}

fieldset.form-mapleft-menu .submit input,fieldset.form-mapleft-menu .submit a
	{
	border: 1px solid #d9d9d9;
	color: #fff;
	font-weight: bold;
	padding: 4px 13px; /* text-transform:capitalize */;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	cursor: pointer;
}

fieldset.form-mapleft-menu .submit123 input,fieldset.form-mapleft-menu .submit a
	{
	border: 1px solid #d9d9d9;
	color: #fff;
	font-weight: bold;
	padding: 4px 13px; /* text-transform:capitalize */;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	cursor: pointer;
}

fieldset.form-mapleft-menu .input .bt-search-ln{
	border: 1px solid #d9d9d9;
	color: #fff;
	font-weight: bold;
	padding: 4px 13px; /* text-transform:capitalize */;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	cursor: pointer;
	background-color: #ef5a00;
	border-color: #d45000;
	width: 70px;
	background-image: none !important;
	text-shadow: none !important;
	margin-left: 10px
}

fieldset.form-mapleft-menu .submit-stt .bt-search-ln {
	background-color: #ef5a00;
	border-color: #d45000
}

fieldset.form-mapleft-menu .submit .bt-search-ln {
	background-color: #ef5a00;
	border-color: #d45000
}

fieldset.form-mapleft-menu .submit-lbl .bt-search-ln {
	background-color: #ef5a00;
	border-color: #d45000;
	width: 95px;
}

fieldset.form-mapleft-menu .submit .bt-cancel-ln {
	background-color: #0285BC;
	border-color: #0285BC
}

fieldset.form-mapleft-menu .submit-wd-mdf {
	padding: 10px 0 10px 0;
	text-align: center;
}

fieldset.form-mapleft-menu .submit-wd-mdf .bt-search-ln {
	background-color: #ef5a00;
	border: 1px solid #d45000;
	color: #fff;
	font-weight: bold;
	padding: 4px 13px;
	text-transform: capitalize;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	cursor: pointer;
}

fieldset.form-mapleft-menu .input-add-name input.add-bt-map {
	color: #555555;
	font-size: 11px;
	font-weight: bold;
	padding: 3px 16px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

fieldset.form-mapleft-menu .input-add-name input.add-bt-map:hover {
	color: #0088df
}

fieldset.form-mapleft-menu .submit input {
	border: 1px solid #d9d9d9;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	padding: 4px 7px; /* text-transform:capitalize */;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	cursor: pointer;;
	background-image: none !important;
	text-shadow: none !important
}

fieldset.form-mapleft-menu .submit-lbl input {
	border: 1px solid #d9d9d9;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	padding: 4px 7px; /* text-transform:capitalize */;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	cursor: pointer;;
	background-image: none !important;
	text-shadow: none !important
}

fieldset.form-mapleft-menu .submit-stt input {
	border: 1px solid #d9d9d9;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	padding: 4px 7px; /* text-transform:capitalize */;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	cursor: pointer;;
	background-image: none !important;
	text-shadow: none !important
}

fieldset.form-mapleft-menu .input .image {
	text-align: center;
	overflow: hidden
}

fieldset.form-mapleft-menu .input-mdf {
	border-top: 0 none;
	border-bottom: 0 none;
	padding: 6px 5px 0 8px;
	margin-top: 0;
}

fieldset.form-mapleft-menu .input-mdft {
	border-top: 0 none;
	padding: 6px 5px 0 8px;
	margin-top: 0;
}

fieldset.form-mapleft-menu .input-mdfb {
	border-bottom: 0 none;
	padding: 6px 5px 0 8px;
	margin-top: 0;
}

fieldset.form-mapleft-menu .input-mdf2 {
	padding: 10px 8px 0 10px;
	margin-top: 0;
}

fieldset.form-mapleft-menu .input-mdf label {
	float: left;
	font-size: 0.95em;
	margin-top: 4px;
	padding-right: 3px;
	width: 90px
}

fieldset.form-mapleft-menu .input-mdfb label,fieldset.form-mapleft-menu .input-mdft label,fieldset.form-mapleft-menu .input-mdf2 label
	{
	float: left;
	font-size: 0.95em;
	margin-top: 4px;
	padding-right: 3px;
	width: 75px
}

fieldset.form-mapleft-menu .input-mdftb {
	border: 0 none;
	padding: 6px 5px 0 8px;
	margin-top: 0;
}

fieldset.form-mapleft-menu .input-mdftb label {
	float: left;
	font-size: 0.95em;
	margin-top: 4px;
	padding-right: 3px;
	width: 75px
}

fieldset.form-mapleft-menu .submit-mdf {
	border-top: 1px solid #e8e8e8;
	margin-top: 20px
}

fieldset.form-mapleft-menu .submit-mdf-lbl {
	/* border-top: 1px solid #e8e8e8; */
	margin-top: 0;
	margin-bottom: 3px;
}

fieldset.form-mapleft-menu .submit-mdf-stt {
	border-top: 0px solid #e8e8e8;
	margin-top: 10px
}

fieldset.form-mapleft-menu .input textarea {
	border: 1px solid #d3d3d3;
	height: 55px;
	padding: 5px;
	width: 157px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

fieldset.form-mapleft-menu .input input.float-none {
	float: none
}

fieldset.form-mapleft-menu .wd-s5 input.wsm-1 {
	width: 55px;
	margin-left: 5px;
	margin-right: 5px
}

fieldset.form-mapleft-menu .wd-s5 input.coor-input {
	width: 67px;
	margin-right: 5px
}

fieldset.form-mapleft-menu .wd-s6 input.wsm-1 {
	width: 70px
}

fieldset.form-mapleft-menu .input div.selector {
	float: left
}

fieldset.form-mapleft-menu .input-more {
	padding-left: 15px
}

fieldset.form-mapleft-menu .input-more span.title {
	color: #30445d;
	float: left;
	font-size: 0.95em;
	margin-top: 4px;
	padding-right: 3px;
	width: 80px
}

fieldset.form-mapleft-menu .input-more .category-property-cb {
	overflow: hidden;
	vertical-align: top
}

fieldset.form-mapleft-menu .input-more .category-property-cb div.checker
	{
	margin-right: 5px
}

fieldset.form-mapleft-menu .input-more .category-property-cb li {
	padding: 5px 0
}

fieldset.form-mapleft-menu .input-more label {
	color: #020202;
	font-size: 0.95em
}

fieldset.form-mapleft-menu .category-tool {
	overflow: hidden;
	padding: 6px 15px 15px 25px
}

fieldset.form-mapleft-menu .category-tool li {
	float: left;
	padding-bottom: 8px;
	min-width: 120px
}

fieldset.form-mapleft-menu .category-tool div.checker {
	margin-right: 5px
}

fieldset.form-mapleft-menu .submit-sub {
	text-align: center;
	margin-top: 5px
}

fieldset.form-mapleft-menu .submit-sub input {
	background:
		url(/AnGiang-557-portlet/html/giamsatmoitruong/images/bg-submit-sub.png)
		repeat-x 0 0;
	border: 1px solid #d3d3d3;
	font-size: 11px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding: 3px 10px
}

fieldset.form-mapleft-menu .submit-sub input:hover {
	background-position: 0 -23px;
}

/* form add left menu */
fieldset.form-add-mapleft-menu .input {
	border-top: 1px solid #d3d3d3;
	overflow: hidden;
	padding: 10px 0 10px 10px;
	color: #666
}

fieldset.form-add-mapleft-menu .input label {
	color: #000;
	float: left;
	font-size: 11px;
	margin-top: 4px;
	padding-right: 12px;
	width: 30px
}

fieldset.form-add-mapleft-menu .input input {
	border: 1px solid #d3d3d3;
	margin-right: 5px;
	padding: 4px 5px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font-size: 11px;
	float: left;
	width: 155px
}

fieldset.form-add-mapleft-menu .input input.bt-add-ln {
	background-color: #3d5476;
	border-color: #31486a;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	padding: 3px 4px;
	width: auto;
}

/* calendar*/
fieldset.form-mapleft-menu .input-date-from,fieldset.form-mapleft-menu .input-date-to
	{
	position: relative;
	width: 264px
}

fieldset.form-mapleft-menu .input-date-from img,fieldset.form-mapleft-menu .input-date-to img
	{
	position: absolute;
	top: 9px;
	right: 14px
}
/* calendar .end*/
/* table */
.table-mapleft-content {
	padding: 0 10px 15px
}

.table-mapleft-content table {
	border-collapse: collapse;
	width: 100%
}

.table-mapleft-content table#table_asset_view tr td img {
	cursor: pointer;
}

.table-mapleft-content table th,.table-mapleft-content table td {
	padding: 3px;
	text-align: center;
	color: #2b2b2b;
	font-weight: normal;
	font-size: 0.95em;
	vertical-align: middle
}

.table-mapleft-content table th {
	background-color: #f0f0f0;
	border: #cecece solid 1px;
	font-weight: bold
}

.table-mapleft-content-smt table th {
	font-weight: normal
}

.table-mapleft-content table td {
	border: #cecece solid 1px;
}

.table-mapleft-content table td .icon-w16 {
	margin: 0 auto
}

.table-mapleft-content table .text-align-l {
	text-align: left
}

/* sub menu */
.sub-menu-left li {
	border-bottom: 1px solid #dcdcdc;
}

.sub-menu-left li a {
	background: url(/AnGiang-557-portlet/html/giamsatmoitruong/images/arrow-2.png)
		no-repeat 10px 10px;
	color: #666;
	display: block;
	font-size: 1em;
	font-weight: bold;
	padding: 10px 10px 10px 30px
}

.sub-menu-left li a:hover,.sub-menu-left li a.current {
	background-position: 10px -75px;
	color: #3d5066
}
/*statistical-report*/
.statistical-report {
	position: relative
}

.statistical-report a.bt-export {
	position: absolute;
	top: 15px;
	right: 25px;
}

/* popup control*/
#popup_statistics {
	background-color: #fff;
	border: 3px solid #2f445b;
	-moz-box-shadow: 0 0 3px 3px #888;
	-webkit-box-shadow: 0 0 3px 3px #888;
	box-shadow: 0 0 3px 3px #888;
	display: none;
	position: fixed;
	left: 50%;
	top: 30%;
	width: 50%;
	z-index: 1005;
	margin-left: -230px;
	margin-top: -100px;
}

.web_dialog_overlay {
	background: none repeat scroll 0 0 #000000;
	bottom: 0;
	display: none;
	height: 100%;
	left: 0;
	margin: 0;
	opacity: 0.15;
	filter: alpha(opacity = 15);
	-moz-opacity: 15;
	padding: 0;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 101;
}
/* GUI */
#btn_Map_SnapSetting_Close,#btn_Map_Identify_Close,#btn_Map_Statistic_Close,#btn_Map_Measure_Close,#btn_Map_Delete_Close,#btn_Map_Modify_Close,#btn_Map_ExportImage_Close,#btn_Map_Vhbd_Close,#btn_Map_list_asset_close,#btn_createAsset_Close,#btn_createPhkh_Close,#btn_Map_GhiChep_Close,#btn_Map_View_MayBom_Close,#btn_Map_PHKH_Title_Close,#btn_Map_PHKH_Info_Close,#btn_Map_PHKH_Reply_Close,#btn_InfoPhkh_Close,#btn_Map_Statistic_VHBD_Close,#btn_Map_GhiChep_Dialog_Close,#btn_direct_Close,#btn_administrator_group_permission_Close,#btn_administrator_group_members_Close,#btn_administrator_user_addgroup_Close,#btn_administrator_user_permission_Close
	{
	position: absolute;
	top: 4px;
	right: 4px;
	background:
		url(/AnGiang-557-portlet/html/giamsatmoitruong/images/bg-sprite.png)
		no-repeat -85px -23px;
	width: 27px;
	height: 26px;
	text-indent: -9999px;
	z-index: 1006;
}

#btn_Map_SnapSetting_Close:hover,#btn_Map_Identify_Close:hover,#btn_Map_Statistic_Close:hover,#btn_Map_Measure_Close:hover,#btn_Map_Delete_Close:hover,#btn_Map_Modify_Close:hover,#btn_Map_ExportImage_Close:hover,#btn_Map_Vhbd_Close:hover,#btn_Map_list_asset_close:hover,#btn_Map_createAsset_Close:hover,#btn_createPhkh_Close:hover,#btn_Map_GhiChep_Close:hover,#btn_Map_View_MayBom_Close:hover,#btn_Map_PHKH_Title_Close:hover,#btn_Map_PHKH_Info_Close:hover,#btn_Map_PHKH_Reply_Close:hover,#btn_InfoPhkh_Close:hover,#btn_Map_Statistic_VHBD_Close:hover,#btn_Map_GhiChep_Dialog_Close:hover,#btn_direct_Close:hover,#btn_administrator_group_permission_Close:hover,#btn_administrator_group_members_Close:hover,#btn_administrator_user_addgroup_Close:hover,#btn_administrator_user_permission_Close:hover
	{
	background-position: -114px -23px
}

#btnClose {
	position: absolute;
	top: 4px;
	right: 4px;
	background:
		url(/AnGiang-557-portlet/html/giamsatmoitruong/images/bg-sprite.png)
		no-repeat -85px -23px;
	width: 27px;
	height: 26px;
	text-indent: -9999px;
}

#btnClose:hover {
	background-position: -114px -23px
}

.show-hide-bt {
	position: absolute;
	top: 4px;
	right: 39px;
	background:
		url(/AnGiang-557-portlet/html/giamsatmoitruong/images/bg-sprite.png)
		no-repeat -143px -23px;
	width: 27px;
	height: 26px;
	text-indent: -9999px;
}

.show-bt {
	background-position: -172px -23px
}
/* popup*/
.tool-popup-content .table-content {
	margin: 22px 20px 12px
}

.tool-popup-content .table-content table th.order,.tool-popup-content .table-content table td.order,.add-more-table table th.order,.add-more-table table td.order,.report-preview-content .table-content table th.order,.report-preview-content .table-content table td.order
	{
	border-left: 1px solid #cecece
}

.tool-popup-content .table-content table td.wd-1,.tool-popup-content .table-content table th.wd-1
	{
	width: 3.5%
}

.tool-popup-content .table-content table td.wd-2,.tool-popup-content .table-content table th.wd-2
	{
	width: 26%
}

.tool-popup-content .table-content table td.wd-3,.tool-popup-content .table-content table th.wd-3
	{
	width: 17.5%
}

.report-preview-content {
	margin: 15px 20px 12px
}

.tool-popup-content .report-review {
	border-bottom: 1px solid #ccc;
	color: #252525;
	padding-bottom: 17px;
	margin: 15px 20px 12px
}

.report-preview-content .report-review {
	border-bottom: 1px solid #ccc;
	color: #252525;
	padding-bottom: 17px;
	margin-bottom: 13px
}

.tool-popup-content .h2-title-popup {
	background:
		url("/AnGiang-557-portlet/css/images/bg_menu1.png") repeat-x scroll 0 0 #CECECE;
	color: #0285BC;
	font-size: 1em;
	padding: 8px 0 8px 5px;
	text-transform: uppercase;
	cursor: move;
}

.tool-popup-content .chart-block {
	padding: 65px 100px
}

.tool-popup-content .table-popup-content {
	margin: 0;
	padding-bottom: 0
}

.tool-popup-content .search-block {
	min-height: 200px
}

fieldset.form-popup .input {
	color: #666;
	overflow: hidden;
	padding: 10px;
	position: relative;
}

fieldset.form-popup .calendar-input {
	width: 283px
}

fieldset.form-popup .input label {
	color: #000;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 2px;
	width: 85px
}

fieldset.form-popup .input input {
	border: 1px solid #d3d3d3;
	padding: 4px 5px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font-size: 11px;
	float: left;
	width: 165px
}

fieldset.form-popup .calendar-input img {
	position: absolute;
	top: 13px;
	right: 15px
}

/*--------------------- Thoat Nuoc ---------------------------------------------------------------------------*/
.waterlogging-note {
	padding: 10px
}

.category-waterlogging-map {
	padding: 5px 10px
}

.category-waterlogging-map li {
	padding: 12px 0
}

.category-waterlogging-map li div.checker {
	margin-right: 12px
}

.category-waterlogging-map li label {
	font-size: 1em
}

fieldset.form-mapleft-menu .wd-s7 {
	padding: 6px 0 0 10px
}

fieldset.form-mapleft-menu .wd-s7 span.unit {
	float: left;
	margin-top: 3px;
	color: #000;
	margin-left: 5px
}

fieldset.form-mapleft-menu .wd-s7 input {
	width: 132px;
	margin-right: 4px
}

fieldset.form-mapleft-menu .wd-s7 input.bt-add-more-sm {
	background:
		url(/AnGiang-557-portlet/html/giamsatmoitruong/images/bg-bt-add-sm.png)
		no-repeat 0 0;
	border: 0 none transparent;
	height: 25px;
	width: 25px
}

.hpcs-gray {
	background-color: #F3F3F3
}

.hpcs-gray fieldset.form-mapleft-menu {
	background-color: #fff
}

/*---------------------- add more thematic_div ----------------------------------------------------------------*/
/* .thematic_div{display:none;width:100%;} */
.thematic_div {
	display: none;
	width: 100%;
	position: relative
}

.print_div, .thematic_div .print_div {
	position: absolute;
	top: 20px;
	right: 25px;
	z-index: 1002 !important;
	display: none;
	background: white;
}

.thematic_div .table_btr_div {
	position: absolute !important;
	margin-top:30%;
	left:50px;
	width: auto;
	background: url(/AnGiang-557-portlet/css/images/background.png);
	z-index: 1002 !important;
}

.search_attribute {
	display: none;
}

.map_div {
	width: 100% !important
}

.map_div img {
	width: 100%;
}
/* .paging {float: right;margin-right: 10px;margin-bottom: 5px;} */
.paging {
	float: left;
	margin-left: 10px;
	margin-bottom: 5px;
	margin-top: 5px;
}

.paging input.paging-number[type="button"] {
	background-color: #F0F0F0;
	background-image: none;
	padding: 2px 7px 3px;
	border: 1px solid #d6d6d6;
	font-size: 13px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	cursor: pointer;
	float: left;
	margin-right: 5px
}

.paging input.paging-number[type="button"]:hover {
	border-color: #58abff !important
}

.paging input.paging-next[type="button"] {
	background: url(/AnGiang-557-portlet/css/images/next.png) no-repeat
		right 5px #F0F0F0 !important;
	padding-right: 25px !important
}

.paging input.paging-prev[type="button"] {
	background: url(/AnGiang-557-portlet/css/images/prev.png) no-repeat 0
		5px #F0F0F0 !important;
	padding-left: 25px !important
}

.paging input.paging-number.active[type="button"] {
	font-weight: bold;
	background-color: #d2d0d0 !important
}

/*--------------------------------------------------------------*/
@media screen and (max-width: 1280px) {
	.header-right-content .header-setting {
		display: none
	}
}

@media screen and (max-width: 1152px) {
	.header-right-content {
		display: none
	}
}

.linkCurrent {
	color: #0000FF !important;
}

#ul_list_statistics a.file:active {
	color: #0000FF;
}

#ul_list_statistics a.file:none {
	color: #000000;
}

.require_input
{
	color: red;
	margin-left: 3px;
}

.chart_div
{
	display:none;
	width:100%;
	height: 100%;
	background: white;
	position:relative;
	z-index: 1002;
}

.chart_div_submit
{
	background: white;
	position: absolute;
	left: 110%;
	top: 50%;
}
        
.chart_div_hr
{
	width: 130%;	
}

#div_Map_FullPage_PrintChart
{
    width: 100%;
    height: 100%;
    z-index: 1005;
    position:absolute;
    left: 0px;
    top: 0px;
    display: none;
    background-color: white;
    background-image: url('1.png') repeat;            
}



#table_ListCoor_Bonita input.checknumber{
	width: 120px !important;
}

.zoomTo{
	background: url('/AnGiang-557-portlet/images/zoomToFeatures.png');
}
#divCenterPanel{position: relative;}
fieldset.form-add-mapleft-menu .input {
  border-top: 1px solid #d3d3d3;
  color: #666;
  overflow: hidden;
  padding: 10px 0 10px 10px;
}
fieldset.form-add-mapleft-menu .input label {
  color: #000;
  float: left;
  font-size: 11px;
  margin-top: 4px;
  padding-right: 12px;
  width: 30px;
}
fieldset.form-add-mapleft-menu input#txtBookMarkName {
background:#fff !important;
  width: 154px;
}
fieldset.form-add-mapleft-menu input[type="button"] {
background:#3b7ccc !important;
  
}
.item-mes{position: relative;}
.item-mes label {
  padding-left: 4px;
  position: absolute;
  top: -2px;
}
/*do dac ------------------------------------------------------*/
.dialog-content label {
  display: inline-block;
  /* width: 100px; */
}
.fix_75{width: 75%}
.fix_65_5{width: 66.5%}
.dialog-content > p {
  padding: 4px 0;
}
.ul_Map_QuanLyDLBD > li {
  padding-left: 9px;
  padding-top: 12px;
}
.ul_Map_QuanLyDLBD li a img{cursor: pointer; width: 16px; height: 16px;}
